<!DOCTYPE html>
<html>
	<head>
	<!-- 声明编码格式 -->
    <meta charset="utf-8">
    <!-- 
	          自适应手机屏幕适配： 
	          页面宽度为设备屏幕宽度width=device-width、用户是否可以调整缩放比例user-scalable=no 
	          初始的缩放比例initial-scale=1.0、最小缩放比例minimum-scale=0.5、
	          最大缩放比例maximum-scale=1.0（选填可不加）
    -->
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0">
    <!-- 网站作者 -->
    <meta name="author" content="作者名、昵称、代号等">
    <!-- 网站描述 -->
    <meta name="description" content="本网站为...类型网站，主要服务对象为...">
    <!-- 网站关键词 -->
    <meta name="keywords" content="关键词1，关键词2，...">
    <!-- 禁止链接高亮 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- format-detection为格式检测 -->
    <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
    <meta name="format-detection" content="telephone=no">
    <!-- 告诉设备不识别邮箱，点击之后不自动发送 -->
    <meta name="format-detection" content="email=no">
    <!-- 禁止跳转至地图功能页面 -->
    <meta name="format-detection" content="adress=no">
    <!-- UC强制竖屏 -->
    <meta name="screen-orientation" content="portrait"> 
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true" />
    <!-- 360-优先使用 IE 最新版本和 Chrome进行渲染 -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <!-- 网页标题 -->
    <title>网页标题</title>
    <!-- 移动端初始化样式表 -->
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <!-- 引入flexible.js或者flexible_simplify.js精简版，解决rem适配与机型计算问题 -->
    <script type="text/javascript" src="js/flexible.js"></script>
    <!-- 引入fastClick插件解决移动端点击300ms延迟问题 -->
    <script type="text/javascript" src="js/fastclick.js"></script>
    <!-- 实例化fastclick -->
    <script type="text/javascript">
        if ('addEventListener' in document) {
            document.addEventListener('DOMContentLoaded', function() {
                FastClick.attach(document.body);
            }, false);
        }
    </script>
    <!--自定义脚本文件 -->
    <script type="text/javascript" src=""></script>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			.rongqi{
				width: 100%;
				max-width: 640px;
				min-width: 320px;
				position: relative;
				margin: 0 auto;
			}
			.top{
				width: 100%;
				height: 1.6rem;
				background-image: url(img/nav.png) !important;
				background-repeat: no-repeat;
				background-size: 100% 100%;
				background-position: center;
				position: fixed;
				top: 0;
				left: 0;
			}
			.top a{
				height:0.67rem ;
				width:0.4rem ;
				background-image:url(img/fanhui@2x.png)!important;
				background-repeat: no-repeat !important;
				background-size: 100% 100% !important;
				background-position: center;
				display:inline-block;
				position: absolute;
				top: 50%;
				left: 0.8rem;
				transform: translateY(-50%);
			}
			.top p{
				font-size: 0.53rem;
				color: white;
				text-align: center;
				line-height: 1.6rem;
			}
			.mian{
				font-size: 0.32rem;
				margin: 0 auto;
				margin-top: 2rem;
				width:9.2rem ;
				height:2.4rem ;
				border-bottom: 1px solid black;
			}
			.mian form input{
				width:0.27rem ;
				height:0.27rem ;
				background: red;
			}
			.mian form span{
				margin-left: 0.3rem;
			}
			.mian button{
				width:0.37ewm ;
				height: 0.72rem;
				margin-top: 0.5rem;
				border-radius: 0.1rem;
				background: white;
				border: 1px solid black;
				font-size: 0.3rem;
			}
			.mian button:hover{
				background: red;
				color: white;
			}
			.mian button:nth-of-type(1){
				margin-left: 0.6rem;
			}
			.mian button:nth-of-type(2){
				margin-left: 1.5rem;
			}
			
			
			
			.wu{
				font-size: 0.32rem;
				margin: 0 auto;
				margin-top: 0.53rem;
				width:9.2rem ;
				height:2.4rem ;
				border-bottom: 1px solid black;
			}
			.wu form input{
				width:0.27rem ;
				height:0.27rem ;
				background: red;
			}
			.wu form span{
				margin-left: 0.3rem;
			}
			.wu button{
				width:2.13rem ;
				height: 0.72rem;
				margin-top: 0.5rem;
				border-radius: 0.1rem;
				background: white;
				border: 1px solid black;
				font-size: 0.3rem;
			}
			.wu button:hover{
				background: red;
				color: white;
			}
			.wu button:nth-of-type(1){
				margin-left: 0.6rem;
			}
			.wu button:nth-of-type(2){
				margin-left: 0.7rem;
			}
			.wu button:nth-of-type(3){
				margin-left: 0.7rem;
			}
			
			.ke{
				font-size: 0.32rem;
				margin: 0 auto;
				margin-top: 0.53rem;
				width:9.2rem ;
				height:7.2rem ;
			}
			.ke form input{
				width:0.27rem ;
				height:0.27rem ;
				background: red;
			}
			.ke form span{
				margin-left: 0.3rem;
			}
			.ke p{
				margin-top: 0.53rem;
			}
			
			
			.b{
				font-size:0.427rem ;
				width: 100%;
				height: auto;
				display: flex;
				justify-content: center;
			}
			.liji{
				width:5.87rem ;
				height:1.47rem ;
				font-size: 0.28rem;
				background:#f23a38;
				color: white;
				border-radius: 0.35rem;
				outline: none;
				border: none;
			}
		</style>
	</head>
	<body>
		<div class="rongqi">
			<div class="top">
				<a href="javascript:history.go(-1)"></a>
				<p>服务承诺设置</p>
			</div>
			<div class="mian">
				<form>
					<input type="radio" />
					<span>免费搬楼 （超出每层收费10元/件（单件25公斤以上））</span>
				</form>
				<button>三楼及三楼一下免费</button>
				<button>七楼及七楼一下免费</button>
			</div>
			
			<div class="wu">
				<form>
					<input type="radio" />
					<span>无物流地址，超出30公里部分收费</span>
				</form>
				<button>3元/公里</button>
				<button>4元/公里</button>
				<button>5元/公里</button>
			</div>
			
			
			
			<div class="ke">
				<form>
					<input type="radio" />
					<span>可提供免费仓储</span>
				</form>
				<p>基本服务承诺（表示师傅默认支持，不可更改）</p>
				<p>支持喵/汪师傅核销</p>
				<p>空跑费（配送类50元/次，安装、维修30/次）</p>	
				<p>安装、维修一个月内免费检修</p>
				<p>到货通知后2小时内完成预约</p>
				<p>2次上门费用（提货安装80元/次，安装、维修40/次）</p>
			
			
			</div>
			
			
			<div class="b">
			<button class="liji">师傅违规处罚规则</button>
			</div>
		
		
			
		</div>


	</body>
</html>
